<template>
  <view>
    <uni-card>
      <view class="flex justify-around">
        <view class="text-center">
          <view>总数</view>
          <view class="text-xl">{{ numberInfo.count || 0 }}</view>
        </view>
        <view class="text-center">
          <view>已过期</view>
          <view class="text-xl text-red-500">{{ numberInfo.expiryCount || 0 }}</view>
        </view>
      </view>
    </uni-card>
  </view>
</template>

<script setup lang="ts">


const props = defineProps({
  numberInfo: {
    type: Object as () => ICountInfo,
    default: () => {
    }
  }
})


</script>

<style scoped>

</style>